簡(jiǎn)介:通過原生HTML/CSS/JavaScript完成一個(gè)日期選擇器(datepicker)組件的開發(fā)。主要包括datepicker靜態(tài)結(jié)構(gòu)的編寫、日歷數(shù)據(jù)的計(jì)劃獲取、組件的渲染以及組件事件的處理。
課程基本涵蓋一個(gè)完整的前端組件的基本要素,掌握后對(duì)其它組件的開發(fā)有借鑒意義。
第2章 datepicker靜態(tài)UI的編寫
datepicker靜態(tài)UI的編寫,包括HTML結(jié)構(gòu)編寫和CSS樣式編寫
第3章 datepicker日歷數(shù)據(jù)的獲取
datepicker日歷數(shù)據(jù)的獲取:介紹Date相關(guān)API,利用Date API獲取日歷數(shù)據(jù)
第4章 數(shù)據(jù)渲染
結(jié)合靜態(tài)UI結(jié)構(gòu)和動(dòng)態(tài)日歷數(shù)據(jù),將日歷數(shù)據(jù)渲染出來
第5章 事件綁定
處理datepicker的事件綁定,完成整個(gè)組件功能